<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" href="layui/css/layui.css" media="all">
		<style>
			body {
				font-size: 12px;
				width: 400px;
				padding: 10px;
				font-family: 'Microsoft Yahei';
			}

			.demo {
				margin-top: 10px;
			}
			.demo pre{
				color: #666666;
			}
			#status{
				color: red;
			}
		</style>
		<title>插件配置页</title>
	</head>
	<body>
		<fieldset class="layui-elem-field">
			<legend>线上数据源配置页</legend>
			<div class="layui-field-box">
				<textarea name="" id="url" required lay-verify="required" placeholder="请输入数据源完整地址" class="layui-textarea"></textarea>
				<br />
				<button class="layui-btn layui-btn-fluid" id="save">保存配置</button>
				<div id="status"></div>
				<div class="demo">
					<h4>配置文件示例：</h4>
					<pre>
[
    {
        "title": "栏目标题",
        "data": [
            {
                "title": "导航标题",
                "url": "导航地址",
                "tips": "导航描述"
            }
        ]
    }
]
					</pre>
				</div>
			</div>
		</fieldset>

		<script src="options.js"></script>
	</body>
</html>
